@media (max-width: 768px) {
    .ant-pro-table-list-toolbar .ant-pro-table-list-toolbar-container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
}

.ant-pro-page-container {
    .ant-pro-page-container-warp-page-header {
        padding-block-start: 2px;
        padding-block-end: 2px;
        padding-inline: 8px;

        @media (min-width: 576px) {
            padding-inline: 16px;
            padding-block-end: 4px;
            padding-block-start: 4px;
        }

        @media (min-width: 768px) {
            padding-inline: 24px;
            padding-block-end: 8px;
            padding-block-start: 8px;
        }
    }

    .ant-pro-page-container-children-container {
        padding-block-start: 0;
        padding-block-end: 8px;
        padding-inline: 8px;

        @media (min-width: 576px) {
            padding-inline: 16px;
            padding-block-end: 16px;
        }

        @media (min-width: 768px) {
            padding-inline: 24px;
            padding-block-end: 24px;
        }

        .ant-pro-card .ant-pro-card-body {
            height: 100%;
            padding-inline: 8px;
            padding-block: 16px;
            padding-block-start: 16px;

            @media (min-width: 576px) {
                padding-inline: 16px;
            }

            @media (min-width: 768px) {
                padding-inline: 24px;
            }
        }
    }

}